<template>
  <div class="monitor_item w100">
    <div class="w100">
      <div class="item_title flex-x">
        <img
          src="@/assets/images/shebeiIcon/msg_7.png"
          style="width: 11px; height: 11px; margin-right: 4px"
          alt=""
        />
        <div class="title_text">当前状态</div>
      </div>
      <div class="w100 flex-x" style="padding: 20px">
        <img
          src="@/assets/images/shebeiIcon/shebei_ceshi1.png"
          style="width: 50%"
          alt=""
        />
        <div style="width: 50%" class="flex-y flex-center">
          <span
            class="el-icon-video-play"
            style="color: #11ba70; font-size: 46px; margin-bottom: 10px"
          ></span>
          <div style="color: #11ba70">运行中</div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.monitor_item {
  margin-top: 20px;
  .item_title {
    width: 100%;
    height: 26px;
    background: linear-gradient(-90deg, #000949, #1c349a);
    padding-left: 10px;
    border-radius: 5px;
    .title_text {
      color: #fff;
      font-size: 14px;
    }
  }
}
</style>